/****************************** @media 媒体查询 适配终端*******************/
/* 大屏 */
@media screen and (min-width: 1680px) {
  html,body{
    font-size: 15px;
  }
}
/* 超大屏 */
@media screen and (min-width: 2000px) {
  #wrap-product-show{
    font-size: 18px;
    
  }
}

/* pc端隐藏类 公共使用*/
.mobile{display: none;}
/***************** web 适配 css 媒体查询 start *****************/

@media screen and (max-width: 1024px) {
  /*############# 中屏以下 *************/
  html,body{
    /* font-size: 12px; */
  }
}
@media screen and (max-width: 768px) {
  /*############# ipad以下 *************/
  /* web端显示 */
  .mobile{ display: block;}
  /* 公共部分 */
  html,body{font-size: 14px;}
  h3{font-size: 1.33rem !important;}
  h3 a{font-size: 1.33rem !important;}
  h4{font-size: 1.1rem !important;}
  h4 a{font-size: 1.1rem !important;}
  h2{font-size: 1.1rem !important;}
  p,a{font-size: 1rem !important;}
  p{text-align: justify;}
  header{
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
  }
  header>div,header>h1{
    line-height: 60px;
  }
  header a, header a:hover,header a:visited{
    color: #fff !important;
    border-bottom: 0px !important;;
  }
  .main{margin-top: 60px;}  /*跟上面的line-height值 相同*/

  /* 导航栏样式  web */
  .header-logo{
    width: 100%;
    text-align: center;
  }
  .header-logo a img{
    max-width: 40%;
  }
  .header-nav-list{
    position: fixed;
    height: 100%;
    text-align: left;
    width: 50%;
    left: -50%;
    top: 0;
    /* border: 1px solid; */
  }
  .header-nav-list .nav-bars{
    font-size: 20px;
    padding-left: 10px;
    color: #2E475D;
    position: absolute;
    right: 0;
    transform: translateX(100%);
  }
  .header-nav-list .nav-bars.showed{
    display: block;
    color: #fff;
    /* background: #2E475D; */
    padding-left: 0;
    transform: translateX(-100%);
  }
  .header-nav-list>ul{
    background: #2E475D;
    height: 100%;
    padding-top: 60px;
  }
  .header-nav-list>ul>li{
    display: block !important;
    line-height: 40px;
    padding-left: 10px;
  }
  .header-nav-list>ul>li>a>span{
    color: #fff;
    position: absolute;
    right: 10px;
    top: 13px;
  }
  .header-nav-top>li{
    width: auto;
    position: relative;
    margin: auto;
  }
  .header-nav-top>li>a{
    padding: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
  }
  .header-nav-son{
    position: relative;
    padding-left: 10px;
    display: none;
    box-sizing: border-box;
    background: #2E475D;
  }
  .header-nav-son li{
    text-align: center;
  }
  .header-nav-son li a:hover{
    background-color: inherit;
  }
  .header-search{
    position: absolute;
    right: 10px;
    width: auto;
  }
  /* 搜索框 */
  .search-mask>div{
    width: 86%;
    min-height: 40%;
  }
	/* 视频弹窗播放框 */
	#playVideo>div{
		width: 96%;
    padding: 6px;
	}
	#playVideo>div h3{
		padding: 5px 0;
	}
  /* 首页 web 兼容 */
  /* 顶部banner轮播块 */
  .banner-item{
    position: relative;
    height: 130vw;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid;
  }
  /* 三组元素定位 */
  .banner-item-01 .img{
    position: absolute;
    padding:0;
    bottom: 45.85vw;
    left: 10.78vw;
  }
  .banner-item-01 .text{
    position: absolute;
    padding:0;
    bottom: 15.85vw;
    left: 10.78vw;
  }
  .banner-item-02 .img{
    padding-top: 24.85vw;
  }
  .banner-item-02 .img img {
      width: 26vw;
  }
  .banner-item-02 .text{

  }
  .banner-item-02 .text h3{
    margin-bottom: 20px;
  }
  .banner-item-03 .img{
    width: 30.25vw;
    bottom: 20vw;
    left: 9vw;
    top: auto;
  }
  .banner-item-03 .text{
    top: 15.85vw;
    left: 9vw;
  }
  .banner-item-03 .text h3{
    font-size: 22px !important;
  }
  /* 前进 和 导航器样式  */
  .swiper-button-next, .swiper-button-prev{
    width: 13.5px;
    height: 22px;
    margin-top: -11px;
    background-size: 13.5px 22px;
    display: none;
  }
  .banner-swiper .swiper-pagination span{
    width: 15px;
    height: 3px;
    border-radius: 3px;
  }

  /* section 区块公共 */
  .section-head{
    margin-top: 8vw;
  }
  .section-head a{
    padding: 5px 15px;
    transform: translateY(0);
  }

  /* 首页 场景展示块 */
  .slide .silde-cont{
    padding-bottom: 40px;
  }
  .slide .silde-cont>div{
    height: 100.68vw;
  }
  .slide .silde-cont .silde-left,.slide .silde-cont .silde-right{
    width: 10%;
  }
  .slide .silde-cont .silde-left .ovrly,.slide .silde-cont .silde-right .ovrly{
    display: none;
  }
  .slide .silde-cont .silde-left p,.slide .silde-cont .silde-right p{
    display: none
  }
  .slide .silde-cont .silde-center{
    width: 80%;
  }
  .silde-center .silde-list{
    /* width: 40%; */
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 40px;
    background: #2E475D;
  }
  .silde-center .silde-list ul li{
    float: left;
    width: 25%;
    height: 100%;
  }
  .silde-center .silde-list ul li .fa{
    display: none;
  }
  .silde-left a span, .silde-right a span{
    font-size: 18px;
    margin-left: 5px;
  }
  /* 首页 视频块 */
  #video-playing{
    /* height: 60.5vw; */
  }
  #video-playing .video-mask span{
    font-size: 40px;
  }
  .video-list ul li a h3{
    display: none;
  }
  /* 首页 产品块 */
  .product{
    padding:0;
  }
  .product-list ul li{
    width: 100%;
    margin-bottom: 2rem;
    height: auto;
  }
  .product-detail{
    height: auto;
    padding: 0;
    border-bottom: 0;
    text-align: center;
  }
  .product-detail h3{
    padding-left: 5px;
    display: inline-block;
  }
  .product-detail>span{
    /* display: none; */
  }
  .product-detail a>span{
    position: relative;
    display: initial;
    border: 0;
    font-size: 12px;
  }
  /* 其他页面 */
  .wrap{
    padding: 0;
  }
  .content-topimg strong{
    right: 50%;
    transform: translateX(50%);
    bottom: 50%;
    font-size: 1.6rem;
    writing-mode: inherit;
    letter-spacing: .2rem;
  }
  .content-topimg strong::after{
    width: 100%;
    height: 1px;
  }
  .content-nav{
    line-height: 10.56vw;
  }
  /******************关于 材质工艺 设计理念 风格介绍 ***********/
  /* 类目导航 */
  .content-nav>ul>li>h2>a::after{
    height: 1px;
    bottom: -8px;
  }
  /* 风格介绍 */
  .about_style>div, .about_design>div,.about_material>div{
    padding-bottom: 5.4vw;
  }
  .about_style>div>div>h3,.about_design>div>div>h3{
    margin-bottom: 0.1rem;
  }
  .about_style .about_style_item02 .img,
  .about_style .about_style_item03 .imggroup,
  .about_design .about_design_item01 .imggroup,
  .about_design .about_design_item02 .img
  {
    margin-top: 0.8rem;
  }
  .about_style>div::after, .about_design>div::after, .about_material>div::after{
    height: 1px;
  }
	.about_style .about_style_item01{
		flex-direction: column;
	}
	.about_style .about_style_item01 .img{
		width:100%;
	}
	.about_style .about_style_item01 .text{
		width:100%;
		padding-left: 0;
		margin-top: 3vw;
	}
  /* 设计理念 */
  .about_design .about_design_item01 .pgroup{
    padding: 0;
    flex-direction: column;
  }
  .about_design .about_design_item01 .pgroup p{
    width: 100%;
    margin-top: .5rem;
  }
  .about_design .about_design_item03 .textimg strong{
    font-size: 1.1rem;
    margin-bottom: 1.8rem;
  }
  .about_design .about_design_item03 .textimg strong::after{
    bottom: -.8rem;
    height: 1px;
  }
  .about_design .about_design_item03 .textimg p{
    margin-top: .6rem;
  }
  /* 材质工艺 */
  .about_material .des_detail{
    flex-direction: column;
    margin-top: 1rem;
    align-items: left;
  }
  .about_material .des_detail .img{
    width: 100% !important;
    margin-bottom: .5rem;
    margin-top: .5rem;
    max-width: 100%;
    order:1;
  }
  .about_material .des_detail .text{
    padding: 0 !important;
  }
  .about_material .des_detail h4{
    margin-bottom: .3rem;
    margin-top: .5rem;
  }
  /* 产品内容页 */
  #wrap-product-show{
    margin-bottom: -20px;
  }
  #wrap-product-show .product-show>*{
    margin-top: 10vw;
  }
  #wrap-product-show .product-show h3{
    margin-bottom: 0.5rem;
  }
  #wrap-product-show .product-show .text{
    padding: 0 1.5rem !important;
    margin-left:0 !important;
  }
  #wrap-product-show .product-show .product-show-01,
  #wrap-product-show .product-show .product-show-02,
  #wrap-product-show .product-show .product-show-03,
  #wrap-product-show .product-show .product-show-04{
    flex-direction: column;
    padding: 0;
  }
  #wrap-product-show .product-show .product-show-01>*,
  #wrap-product-show .product-show .product-show-02>*,
  #wrap-product-show .product-show .product-show-03>*,
  #wrap-product-show .product-show .product-show-04>*
  {
    width: 100%;
    margin-bottom: 0.5rem !important;
    margin-right: 0 !important;
  }
  #wrap-product-show .product-show .product-show-01 .img:first-child,
  #wrap-product-show .product-show .product-show-01 .img:last-child{
    max-width: 60%;
  }
  #wrap-product-show .product-show .product-show-02{
    margin-right: 0;
    flex-direction: column;
  }
  #wrap-product-show .product-show .product-show-02 .img{
    order: 1;
    width: 90%;
  }
  #wrap-product-show .product-show .product-show-02 .text,
  #wrap-product-show .product-show .product-show-04 .text{
    width: 100%;
  }
  #wrap-product-show .product-show .product-show-02 .text strong{
    font-size: 1.2rem;
    margin-top: 1.5rem;
    text-align: center;
  }
  #wrap-product-show .product-show .product-show-02 .text p::after{
    bottom: -8px;
    width: 100%;
    height: 0px;
    border-bottom: 1px dashed #000;
    background-color: inherit;
  }
  #wrap-product-show .product-show .product-show-03 .img{
    margin-top: 2rem;
    width: 80%;
  }
  #wrap-product-show .product-show .product-show-04{
    background: linear-gradient(to bottom, #2F475D 70%, #fff 30%);
    padding-top: 2rem;
  }
  #wrap-product-show .product-show .product-show-04 .text em{
    margin-top: .1rem;
    margin-bottom: 1rem;
  }
  #wrap-product-show .product-show .product-show-04 .img{
    margin-top: 1rem;
    width: 90%;
   
  }
  #wrap-product-show .product-pre-next{
    flex-direction: column;
    padding: 1rem 1rem;
  }
  #wrap-product-show .product-pre-next a{
    width: 100%;
    text-align: left;
    margin-bottom: .3rem;
  }
  #wrap-product-show .product-pre-next a span{
    display: none;
  }
  #wrap-product-show .product-pre-next a i{
    display: inline-block;
  }
  /* 新闻列表 新闻内容 */
  #wrap-news-list .content-topimg,
  #wrap-news-show .content-topimg,
  #wrap-search .content-topimg,
	#wrap-storeNet-list .content-topimg,
	#wrap-store-show .content-topimg
  {
    height: 35.04vw;
  }
  #wrap-news-list .news-list ul li{
    width: 100%;
    margin-top: 2rem;
    padding: 1.5rem .2rem;
		margin-right: 0;
  }
  #wrap-news-list .news-list .news-preview-img{
    height: auto;
  }
  #wrap-news-show .news-content,
  #wrap-search .search-content{
    flex-direction: column;
    margin-top: 1rem;
  }
  #wrap-news-show .news-content .news-content-main{
    width: 100%;
    margin-bottom: 1.5rem;
		padding: 1rem 0;
  }
  #wrap-news-show .news-content .news-content-main h2{
    margin-bottom: 1.5rem;
		font-size:1.3rem !important;
  }
  #wrap-news-show .news-content .news-content-main .news-pre-next{
    flex-direction: column;
  }
  #wrap-news-show .news-content .news-content-main .news-pre-next a{
    width: 100%;
    text-align: left;
  }
  #wrap-news-show .news-content .news-content-main .news-pre-next a i{
    display: inline-block;
  }
  #wrap-news-show .news-content .news-content-main .news-pre-next a span{
    display: none;
  }
  /* 右侧栏 搜索页 新闻内页使用 */
  #rec-right-lide{ 
    width: 100%;
    padding-left: 0;
  }
  /* 搜索页 */
  #wrap-search .search-hotsword .search-result-num{
    display: block;
    float: none;
    margin-top: 1rem;
  }
  #wrap-search .search-content .search-content-main{
    width: 100%;
    margin-bottom: 1.5rem;
  }
  #wrap-search .search-content-main .search-result-list li{
    flex-direction: column;
  }
  #wrap-search .search-content-main .search-result-list li>div{
    width: 100% !important;
  }
  #wrap-search .search-content-main .search-result-list h3{
    margin-bottom: .3rem;
  }
	/* 商业合作 单页 */
	#warp-biz-coop .biz-coop-item01,
	#warp-biz-coop .biz-coop-item02,
	#warp-biz-coop .biz-coop-item03,
	#warp-biz-coop .biz-coop-item04
	{
		padding: 0rem;
		margin-top: 3rem;
	}
	#warp-biz-coop .biz-coop-item01 .biz-coop-item01-title>p,
	#warp-biz-coop .biz-coop-item02 .biz-coop-item02-title>p,
	#warp-biz-coop .biz-coop-item04 .biz-coop-item04-title>p,
	#warp-biz-coop .biz-coop-item03 .biz-coop-item03-title>p
	{
		font-size: 1.3rem !important;
	}
	#warp-biz-coop .biz-coop-item02 .biz-coop-item02-title>em,
	#warp-biz-coop .biz-coop-item03 .biz-coop-item03-title>em,
	#warp-biz-coop .biz-coop-item04 .biz-coop-item04-title>em{

		font-size: 1.1rem;
	}
	#warp-biz-coop .biz-coop-item01 .biz-coop-item01-content,
	#warp-biz-coop .biz-coop-item02 .biz-coop-item02-content,
	#warp-biz-coop .biz-coop-item03 .biz-coop-item03-content,
	#warp-biz-coop .biz-coop-item04 .biz-coop-item04-content{
		margin-top: 3rem;
		flex-direction: column;
	}
	#warp-biz-coop .biz-coop-item01 .biz-coop-item01-content>div{
		padding: 0;
    border-right: 0;
    border-bottom: 1px dashed;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
	}
	#warp-biz-coop .biz-coop-item02 .biz-coop-item02-content>div{
		width: 100%;
    padding: 2rem;
    border: 0 !important;
    margin-bottom: .5rem;
	}
	#warp-biz-coop .biz-coop-item03 .biz-coop-item03-content>div{
		margin-bottom: 0;
	}
	#warp-biz-coop .biz-coop-item03 .biz-coop-item03-content .text{
		width: 100%;
	}
	#warp-biz-coop .biz-coop-item03 .biz-coop-item03-content .arrow{
		width: 100% !important;
		animation: todown 2s infinite ease-in-out !important;
		margin: .1rem auto;
	}
	#warp-biz-coop .biz-coop-item04 .biz-coop-item04-content>div{
		flex-direction: column;
		border-bottom: 1px dashed;
    padding-bottom: 1rem;
	}
	#warp-biz-coop .biz-coop-item04 .biz-coop-item04-content>div:last-child{
		border-bottom: 0;
	}
	#warp-biz-coop .biz-coop-item04 .biz-coop-item04-content .profession{
		width: 100%;
    text-align: center;
		margin: 1rem auto;
	}
	#warp-biz-coop .biz-coop-item04 .biz-coop-item04-content .profession_info{
		width: 100%;
    text-align: center;
	}
	#wrap-storeNet-list .storeNet-list-items ul li{
		width: 100%;
		margin-top: 0rem;
		margin-bottom: 1rem;
    padding: 1.5rem .2rem;
		margin-right: 0;
		border-bottom: 1px dashed #666;
	}
	/* 店铺详情 */
	#wrap-store-show .store-content h2{
		margin-bottom: 1.5rem;
	}
	#wrap-store-show .store-content p .tel{
		font-size: 1.2rem;
	}
	#wrap-store-show .store-content p a{
		display: block;
    margin-left: 0;
		margin-top: 1rem;
		text-align: center;
	}
	#wrap-store-show .store-content .store-pre-next{
		flex-direction: column;
	}
	#wrap-store-show .store-content .store-pre-next a{
		width: 100%;
    text-align: left;
	}
	#wrap-store-show .store-content .store-pre-next a i{
		display: inline-block;
	}
	#wrap-store-show .store-content .store-pre-next a span{
		display: none;
	}
	
	#wrap-store-show .store-img-slide{
		width: 100%;
	}
	#wrap-store-show .store-content .store-img-group{
		
	}
	#wrap-store-show .store-content .store-img-group .des{
		width: 100%;
		margin-left: 0;
		margin-top: 2rem;
	}
	#wrap-store-show .store-content .store-img-group .des::before{
		left: 50%;
    top: 1rem;
		transform: rotateZ(45deg) translateX(-50%);
	}
	#wrap-store-show .store-img-slide:hover .button-prevnext{
		display:none;
	}
	#wrap-store-show .map-mask{
		width: 80vw;
    height: 80%;
	}
	
  /* 底部 公共 */
  footer{
    margin-top: 20px;
    border-top: 1px dashed #bbb;
  }
  .footer-cont{
    padding: 20px;
    display: block;
  }
  .footer-left{
		width: auto;
  }
	.footer-left p{
		text-align:center;
	}
  .footer-left p img{
    width: 9.5rem;
  }
  .footer-left::after{
    width: 0px;
  }
  .footer-right{
    display: none;
  }
	footer .friendlink{
		display:none;
	}
  /********* web兼容 end **********/
}